<%@page import="com.wh.minihelp.user.domain.ChildInfo"%>
<%@page import="com.wh.minihelp.user.util.UserUtil"%>
<%@page import="com.wh.minihelp.user.domain.FamilyAccount"%>
<%@page import="com.wh.minihelp.flower.domain.FamilyFlower"%>
<%@page import="java.util.List"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%/* ----------------------------------------关联的家庭成员信息------------------------------------------- */ %>
<div class="column_title">
	<%if(curFa==null){%>
	<span>当前家庭的成员：</span>
	<%}else{%>
	<span>当前【<%=curFa.getFamily().getName()%>】家庭的成员：
	</span>
	<%}%>
	<div class="column_title_oper">
		<a href="#" onclick="expand()">收起/展开</a>
	</div>
</div>
<div id="div_user" class="weui-cells weui-cells-ex">
	<%
List<FamilyAccount> memebers = (List<FamilyAccount>)request.getAttribute("memebers");
size=memebers.size();
int curType=curFa==null?-1:curFa.getType();
for(int i=0;i<size;i++){
	FamilyAccount ff=memebers.get(i);
%>
	<cc data="<%=ff.getAccountId()%>">
	<div class="weui-cell weui-cell-ex">
		<c><%=(i+1)%></c>
		<d>.[<%=ff.getTypeString()%>]<%=ff.getAccount().getName()%></d>
	</div>
	<div class="weui-cell-oper">
		<%if(curType==FamilyAccount.CREATOR){ %>
		<%if(ff.getType()==FamilyAccount.Auditing){ %>
		<a href="#" onclick="setUserType()">通过</a> <a href="#" onclick="delUser()">清理</a>
		<%}else if(!ff.equals(curFa)){%>
		<a href="#" onclick="delUser()">请离</a>
		<%}%>
		<%}%>
	</div>
	</cc>
	<%}%>
	<div class="weui-cells-oper">
		<a id="btnAddUser" href="#" class="weui-btn weui-btn_mini weui-btn_primary">邀请更多家庭成员</a>
	</div>
</div>

<div style='display: none' id="div_addUser_none">
	<div id='div_addUser'>
		<B>返回公众号对话界面</B>，从右上角的菜单(小人形状)进入公众号设置界面，继续点击右上角的菜单(三个点形状)从弹出的菜单中选择<B>推荐给朋友</B>。
		<br>
		好友关注公众号后，从回复消息进入<B>红花记事</B>，选择加入家庭即可。如好友关注过此公众号，且注册过，那么可以进入好友自己的管理界面，选择加入家庭即可。
	</div>
</div>

<div class="js_dialog" id="js_dialog_setUserType" style="display:none">
	<div class="weui-mask"></div>
	<div class="weui-dialog weui-skin_android">
	<div class="weui-dialog__hd" style='background-color: #33FF33;'><strong class="weui-dialog__title" id='js_dialog_title'>设置用户加入后的身份</strong></div>
	 	<div class="weui-dialog__bd" id='js_dialog_content'>
		<div class="weui-cell">
			<a href="#" class="weui-btn weui-btn_mini weui-btn_primary" onclick="_setUserType(1)">设置为参与者</a>
			可以看到小孩得到的红花情况，但是不能记录红花。
		</div>
		<div class="weui-cell">
			<a href="#" class="weui-btn weui-btn_mini weui-btn_primary" onclick="_setUserType(2)">设置为管理者</A>
			可以看到小孩得到的红花情况，可以给小孩增减红花。
		</div>
		</div>
		<div class="weui-dialog__ft">
			<a href="#" class="weui-dialog__btn weui-dialog__btn_default" onclick="cancelFunction()">取消设置</a>
		</div>
	</div>
</div>

<div style='padding: 5px;'></div>

<script type="text/javascript">
$(function(){
    $("#btnAddUser").on('click', function(){
		$("#js_dialog_title").text("邀请更多家庭成员"); 
		$("#js_dialog_content").append($("#div_addUser"));
		okFunction=cancelFunction=function(){
			$("#div_addUser_none").append($("#div_addUser"));
			$androidDialog1.css('display','none')
		};
		$androidDialog1.css('display','')
	});
});
	function setUserType(){
		var cur=$(event.srcElement).parents("cc");
		$("#div_addChild label").attr('data', cur.attr("data"))// 记录id到label上去
		cancelFunction=cancelUserType;
		$("#js_dialog_setUserType").css('display','')
	}
	function _setUserType(userType){
		var id=$("#div_addChild label").attr('data');
		$.post("<%=path%>/u?m=SU"
			, { id: id,type:userType}	   
		  ,function(data){
			  if(data.success){
				  	cancelUserType();
					window.location.href='<%=path%>/u?m=mgr'
				}else{
					alert(data.msg)
				}
		   }, "json");		
	}
	function cancelUserType(){
		$("#js_dialog_setUserType").css('display','none');
	}
	
	function delUser(){
		var cur=$(event.srcElement).parents("cc");
		$.post("<%=path%>/u?m=DU", { id: cur.attr("data")}	   
		  ,function(data){
				if(data.success){
					cur.remove();
					resortCC("div_user");
				}else{
					alert(data.msg)
				}
		   }, "json");		
	}
</script>